<?php include('header.php'); ?>
<div class="layui-container site-main">
    <div class="layui-carousel" id="site-main-slider">
        <div carousel-item>
            <div><a href=""><img src="/assets/img/03.jpg" /></a></div>
            <div><a href=""><img src="/assets/img/01.jpg" /></a></div>
<!--            <div><a href=""><img src="/assets/img/02.jpg" /></a></div>-->
        </div>
    </div>
    <div class="layui-row layui-col-space20">
        <div class="layui-col-md9">
            <div class="site-shadow-box mb20">
                <form action="" onsubmit="return false;">
                    <input type="text" name="keywords" placeholder="请输入关键词" maxlength="40" autocomplete="off" class="site-input-keywords">
                    <input type="button" class="site-btn-keywords" value="搜索" />
                </form>
            </div>
            <div class="site-shadow-box mb20">
                <div class="site-info-item m20">
                    <span class="site-info-title">#如何在1天内搞定100张海报#</span>
                    <span class="site-info-content">近日，某公司的领导让3名设计师在1天之内出100张海报的段子在网上传得沸沸扬扬，有人说是炒作，咱们不管那一套，其实在1天之内做100张，并非没可能。废话不多说，安利一个在线制作海报的网站，上网址：</span>
                    <span class="site-info-about"><a href="https://www.gaoding.com" target="_blank">https://www.gaoding.com 搞定</a></span>
                </div>
            </div>
            <div class="site-shadow-box mb20">
                <div class="site-info-item m20">
                    <span class="site-info-title">#通知#</span>
                    <span class="site-info-content">春节期间要陪两个疯丫头，网站停更，时间为2020年1月15日至不约定期限，祝你们幸福。</span>
                </div>
            </div>
            <div class="site-shadow-box mb20">
                <div class="site-info-item m20">
                    <span class="site-info-title">#国家教育部拟开设人工智能专业#</span>
                    <span class="site-info-content">幼儿园已经开人工智能课了。以后孩子回家说一些你们听不懂的名词，不要觉得奇怪，因为你们落伍了。</span>
                    <ul class="site-figure-list">
                        <li>
                            <figure style="background-image: url(/assets/img/demo_01.jpg)">
                                <a class="click-large" href="javascript:void(0);" data-url="/assets/img/demo_01.jpg"></a>
                            </figure>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="site-shadow-box mb20">
                <input type="button" class="site-btn-shorts" value="我也要分享" />
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="site-shadow-box">
                <input type="button" class="site-btn-demand" value="发布需求" />
            </div>
        </div>
    </div>
</div>
	
	<script>
		layui.use(['carousel','form','layer'], function() {
			var carousel= layui.carousel,
                layer = layui.layer,
                form = layui.form;

            carousel.render({
                elem: '#site-main-slider',
                width: '100%',
                height: '100px',
                arrow: 'none',
                indicator: 'none'
                //,anim: 'updown'
            });

            $('.click-large').each(function(i,n) {
               var _this = $(this);
               _this.bind('click', function (e) {
                   var img_url = _this.attr('data-url');
                   layer.open({
                       type: 1,
                       title: false,
                       closeBtn: 0,
                       area: ['auto'],
                       skin: 'layui-layer-nobg', //没有背景色
                       shadeClose: true,
                       content: '<img src="' + img_url + '" style="max-width: 800px;max-height: 600px" />'
                   });
               });
            });
            
            $('.site-btn-shorts').bind('click', function (e) {
                layer.open({
                    type: 1,
                    area: '300px',
                    title: '请输入口令',
                    skin: 'site-main-pop',
                    closeBtn: 1,
                    anim: 2,
                    btn: ['验证','获取口令'],
                    btnAlign: 'c',
                    content: '<div class="m20"><input type="text" class="layui-input tac" placeholder="山重水复疑无路" value="" /></div>',
                    btn1: function (index, layero) {
                        return false
                    }
                });
            })
		});
		
		
	</script>

<?php include('footer.php'); ?>
